
.sy-header{
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: white;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
  .header-info{
    @include max-width;
    height: $header-height;
    display: flex;
    align-items: center;

    .ant-menu-horizontal{
      border-bottom: none;
      .ant-menu-item{
        font-size: 15px;
        border-bottom: none;
      }
    }

    .search-box{
      flex: 0 0 auto;
      margin-left: auto;
      display: flex;
      align-items: center;
      background: #f7f7f7;
      border-radius: 17px;
      .anticon-search{
        margin-left: 11px;
        font-size: 16px;
        color: #A7A7A7;
      }
      .ant-input{
        width: 200px;
      }
    }

    .ant-badge{
      margin:0 25px;
      .anticon-bell {
        @extend %hover;
        font-size: 23px;
        cursor: pointer;
      }
    }
    .login-box{
      .login-btn{
        margin-right: 20px;
        color: $theme-color;
        border-color: $theme-color;
      }
    }
  }
}